<template>
    <template v-for="menu in userMenu">
        <el-sub-menu v-if="menu.children && menu.children.length>0 && menu.children[0].menuType == '2'" :key="menu.menuId" :index="menu.path">
            <template #title>
                <i :class="menu.icon"></i>
                <span>{{menu.menuName}}</span>
            </template>
            <tree-menu :userMenu="menu.children"/>
        </el-sub-menu>
        <el-menu-item v-else-if="menu.menuType == '1' || menu.menuType == '2'" :key="menu.menuName" :index="menu.path">{{menu.menuName}}</el-menu-item>
    </template>
</template>
<script>
export default{
    name:'TreeMenu',
    props:{
        userMenu:{
            type:Array,
            default(){
                return []
            }
        }
    }
}
</script>
